* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/* 专题栏设置 */
.special {
    width: 300px;
    height: 100vh;
    margin-top: -34px;
}

.special img {
    /* margin-top: -36px; */
    width: 298px;
    height: 105%;
    /* position: absolute; */
}

.special .logo {
    margin-top: 40px;
    height: 100px;
    /* background-color: white; */
}

.special .test {
    margin-top: 190px;
    /* width: 100px; */
    height: 500px;
}

/* 各个div大小 */
div {
    width: 163px;
    height: 100vh;
    transition: all 0.5s;
}

/* 字体设置 */
ul li a {
    left: 70%;
    color: white;
    font-size: 40px;
    /* 清除样式 */
    text-decoration: none;
    display: flex;
    position: relative;
    /* 改变文字方向 */
    writing-mode: vertical-rl;
}

/* 赛季简介设置 */
p {
    left: 10%;
    font-size: 20px;
    position: relative;
    color: white;
    /* 改变文字方向 */
    writing-mode: vertical-rl;
    top: 10vh;
}

ul {
    display: flex;
}

/* 专题图片 */
img {
    position: absolute;
    /* 与盒子大小保持一致 */
    width: 163px;
    height: 100vh;
    /* padding-left: 10px; */
    transition: all 0.5s;
}

ul,
.sea :hover {
    width: 217px;
}

/* 鼠标悬停隐藏文字 */
ul li :hover p {
    display: none;
}

/* 隐藏色彩图片 */
.e {
    display: none;
}

ul li :hover() .e {
    display: inline-block;
}